@charset"utf-8";
@import "ku";  

/*top-bar*/
.active{color:@active_color;}
.header-bar{
	background-color: @white_fs_color;
}
.top-bar{
	@h:50px;
	height:@h;
	line-height:@h;
	.border_bottom(#dfdfdf);
	.com-width{
		overflow: visible;
		height:@h;
	}
}

.left-area{
	font-size: @fs14 - 14;
	.fl;
	a{
	color:@sub_fs_color;
	font-size:@fs14;
		&:hover{
			.active;
		}
	}
	.inform{
	background: url(../images/inform.png)
	left center no-repeat;
	.pl(28px);
	}
	.inform:hover{
				.active;
				background: url(../images/inform_2.png)
				left center no-repeat;
		}

	.inform-text{
		.ml(35px);
	}
}

.right-area{
	@distance:30px;
	.fr;
	.mobile{
	background: url(../images/mobile.png)
	left center no-repeat;
	padding-left:@distance - 8;
	&:hover {
		background: url(../images/mobile_2.png)
		left center no-repeat;
			.phone-qr{
				.show;
			}
		}
	}
	.phone-qr{
			width: 108px;
			height: 108px;
			border: 1px solid #E6E6E6;
			position: absolute;
			background-color: #fff;
			top:48px;
			right:0px;
			z-index:10;
		}
		.phone-qr{
			 .hide;
		}
		img{
			width: 100%;
		}
		.weixin-qr{
			.phone-qr;
		}
		.weixin-qr{
			.hide;
		}
		li{.fl;
			position: relative;
			&:hover{
				a{.active;}
			}
		}
	 a{
		.mr(16px);
		color:@sub_fs_color;
		font-size:@fs14;
	}
	.phone{
	background: url(../images/me.png)
	left center no-repeat;
	.pl(@distance - 5);
	.mr(10px);
		&:hover {
		background: url(../images/me_2.png)
		left center no-repeat;
		}
	}
	.about{
	background: url(../images/contract.png)
	left center no-repeat;
	.pl(@distance + 3);
		&:hover {
		background: url(../images/contract_2.png)
		left center no-repeat;
		.weixin-qr{
				.show;
			}
		}
	}
	.help{
		background: url(../images/circle.png)
		left center no-repeat;
		.pl(@distance - 1);
		&:hover {
		background: url(../images/circle_2.png)
		left center no-repeat;
		}
	}

}

/* logo-bar*/
.logo-bar{
	height: 100px;
	.com-width{
		overflow: visible;
		height:100px;
		position: relative;
	}
}
.logo{
	position: absolute;
	left:0;
	top:0;
	height: 100%;
	.mt(27px);
	a{
		 .type;
	}
}
.nav{
	height: 100%;
	.nav-content{overflow: hidden;.mt(27px);position: relative;}
	li {.fl;margin-right:15px;}
	.a-hover {
		 color:@active_a_color; 
	}
	a {padding: 10px 7px;font-size:@fs18; .fl;display: block;
		 &:hover{
		 	.a-hover;
		 }
	}
	.home{
		padding: 10px 12px;
	}
	 .block {
	  width: 48px;
	  height: 4px;
	  background:@active_a_color;
	  position: absolute;
	  bottom: 0px;
	  left: 0;
	  z-index: 99;
	}
}
/* banner*/
.banner{
	.banner-panel{
			position: relative;
	}
	.swiper-slide{
			height: 100%;
			background: url("../images/banner1.png") center center;
			background-size: cover;
	}
	.two{
			background: url("../images/banner2.png") center center;
			background-size: cover;
	}
	position: relative;
	height: 470px;
	overflow: hidden;
	.com-width{position: absolute;
		right:359px; 
		top:0;
		.text_align(right);
		color:@white_fs_color;
		.mt(110px);
		 h3{
			font-family: "黑体";
			font-size: 52px;
			.mr(92px);
			line-height: 90px;
			}
			p{
				font-size: @fs18 + 6;
				.mr(25px);
				letter-spacing: 5px;
			}
			span{
				.ml(7px);
			}
		}

}

/*c产品介绍*/
.feature{
	.pt(40px);
	height: 120px;
	.com-width{padding:0 50px;}
	 dl{ width: 25%;
	    .fl;
	    .mt(12px);
	}
	dt{
	 .fl;
		.mr(23px);
	}
	dd{.fl;.text_align(left);}
	h3{
	font-size: @fs24;
	color:@fs_color;
	.mb(12px);
	}
	p{
	line-height: 20px;
	color:@sub_fs_color;
	}
}


/* 供应链产品*/

.pr-title{
	.text_align();
	.pt(40px);
	.mb(50px);

	 h3{
	font-size:@fs32;
	line-height: 86px;
	color:@fs_color;
	}
	p{
		font-size: @fs18;
		color:@sub_fs_color;
	}
}
.product{
	@h:394px;
	height:666px;
	background-color:@bg_color;
	.com-width{
		overflow: visible;
	}
	.product-item{
		width:100%;
		height:@h;
	}
		.assets-type-list{
				width:285px;
				.fl;
				height: 100%;
				.mr(20px);
				.cur_pointer;
				color:@fs_color;
				background-color: @white_fs_color;
				box-shadow: 0 0 6px  #c1c1c1;
				dt{
					width: 100%;
					height: 200px;
					img{
						height: 200px;
					}
				}
				dd{
					.pt(20px);
					height: 170px;
					.cur_pointer;
					h3{
						font-size: @fs18 + 2;
						text-align: center;
						font-weight: 600;
						letter-spacing: 2px;
					}
					.assets-type-inform{
						.mt(14px);
						padding: 0 23px;
						line-height: 24px;
						text-align: center;
						color:@sub_fs_color;
					}
					.assets-type-btn{
							.mt(20px);
							text-align: center;
						span{
							width: 118px;
							.type;
							font-size: @fs18 - 2;
							line-height: 38px;
							color:#e25c35;
							height: 38px;
							border:1px solid  #e25c35;
						}
					}
				}
				.assets-type-active{
						color:@white_fs_color;
						background-color:#e25c35; 
					.assets-type-inform{
						color:@white_fs_color;
					}
					.assets-type-btn{
					span{

						background-color: @white_fs_color;
					}
				}
			}
			&:hover{
						 .assets-type-active;
					}
		}
		.assets-type-list-last{
			.fr;
			.mr(0px);
		}

	}
/* 核心优势*/
.advantage{
	height: 470px;
	 .com-width{
		position: absolute;
		z-index: 5;
		.ml(-600px);
		left: 50%;
	} 
}
.advantage-item{
	.mt(50px);
	.text_align();
	dl{
	.fl;
	width: 170px;
	.mr(170px);
	}
	.data-safety{
		.fr;
		.mr(0px);
	}

	dd{
		.mt(20px);
		color:@sub_fs_color;
	}
	 h3{
	font-size:@fs24;
	line-height:60px;
	}
}

/* 融资流程*/
.flow-path{
	.pt(1px);
	height:370px;
	background-color:@bg_color;
}
.path-item{
	.mt(30px);.text_align();
	dl{
		.fl;
		font-size:@fs24;
		line-height:64px;
		color:@sub_fs_color;
		width:11%;
	}
}

/* footer部分*/
.footer{
	height: 145px;
	background-color: @fs_color;
	color:@white_fs_color;
	.pt(62px);
	.mt(-1px);
	 a{
		color:@white_fs_color;
	}
	span{
		.type;
	}
}
 .foot-left{

 	 .phone{
	width: 33px;
	height: 25px;
	background: url(../images/phone.png)
	left center no-repeat;
	.pr(8px);
	}
	dt{
	.fl;
	.mr(8px);
	}
	dd{.fl;}
	p{
		font-size:@fs18;
	}
	.number{
	font-size:@fs24;
	line-height:40px;
	color:@white_fs_color;
	.bold;
	}
}
.foot-right{
	font-size:0;
	.mt(8px);
	color:@white_fs_color;

	a{
	.type;
	.pr(10px);
	.border_right( #d0d0d0);
	height: 18px;
	font-size:@fs18;
	line-height:18px;
	color:@white_fs_color;
	.text_align();
	.mr(12px);
	}
	.help{
		.border_right(@fs_color);
	}
	.info{
	font-size:@fs14;
	line-height:44px;
	}
	 .skill{
	font-size:@fs14;
	}
 }
 .mailekelogo{
	width: 96px;
	height: 27px;
	background: url(../images/mailekelogo.png)
	left center no-repeat;
	vertical-align:middle;
	.ml(16px);
}

/*---------------------------------------------------------个人中心---------------------------------------------------------*/

/*个人中心公共样式*/
.mine-table{
	table{
		@h:60px;
		width: 100%;
		color:@fs_color;
		.bg{background-color: @table_ac_color;}
		tr{
			&:hover{
				background-color:@table_hover;
			}
		}
		th{
			font-size:@fs18 - 2; 
			height:@h - 2;
			.bg;
			font-weight: normal;
		}
		td{
			font-size: @fs14;
			.text_align(center);
			height: @h;
		}
		a{
			color:@active_color;
			&:hover{
				color:@active_a_color;
			}
		}
	}
}

/*分页样式*/
.a-span{
		height: 36px;
		line-height: 36px;
		font-size: @fs14;
		color:@fs_color;
		border: 1px solid #c1c1c1;
		}
.page{
	.fr;
	.mr(17px);
	.layui-laypage{
		a{
			.a-span;
		}
		span{
			.a-span;
		}
		em{
			color:#bbbbbb;
		}
	}
	.layui-laypage-em{
		background-color: #f6f6f6;
		height: 34px;
		border: 1px solid #c1c1c1;
	}
}
/*持有资产*/
.personal-container{
	background-color: @table_ac_color;
	.pt(1px);
	.pb(1px);
	.pre-com-width{
		width: 1200px;
		overflow: hidden;
		margin:0 auto;
		background-color: @white_fs_color;
		.mt(40px);
		.mb(40px);
		box-shadow: 0 0 10px rgba(0,0,0,0.2);
		height: 750px;
	}
}
.personal-left{
	.fl;
	font-size: @fs18 - 2;
	color:@fs_color;
	width:200px;
	.border_right(2px,@bg_color);
	height:100%;
	.user-box{
		width: 180px;
		height:298px;
		padding: 0 10px;
		.pt(1px);
	}
	.phone{
		.text_align(center);
		.mt(14px);
		line-height:50px;
		height: 50px;
		.border_bottom(1px, @border_color);
	}
	.my-account{
		font-size: @fs18 + 2;
		color:@button_color;
		.bold;
		.mt(0px);
		i{
			.type;
			width: 18px;
			height: 18px;
			background: url(../images/person/count.png);
			.mt(16px);
			.mr(12px);
		}
	}
	.head{
		width: 80px;
		height: 80px;
		margin: 56px 50px auto;
		background: url(../images/person/header.png);
	}
}
.info-icon{
		width: 100%;
		.mt(24px);
		.icon-list{
			width: 100%;
			height: 28px;
		}
		li{
			width: 28px;
			height: 28px;
			.mr(12px);
			.fl;
		}
		.name-tip{
			.ml(12px);
			background: url(../images/person/confirm_2.png);
		}
		.name-tip-active{
			background: url(../images/person/confirm_1.png);
		}
		.mobile-tip{
			background: url(../images/person/mobile_2.png);
		}
		.mobile-tip-active{
			background: url(../images/person/mobile_1.png);
		}
		.card-tip{
			background: url(../images/person/bind_2.png);
		}
		.card-tip-active{
			background: url(../images/person/bind_1.png);
		}
		.pass-tip{
			background: url(../images/person/seting_2.png);
		}
		.pass-tip-active{
			background: url(../images/person/seting_1.png);
		}
	}

	.personal-tab-nav{
		height: 498px;
		.pt(1px);
		.per-active{
				.bold;
				&:after{
					content: "";
					display: block;
					width: 4px;
					height: 100%;
					background: @active_a_color;
					position: absolute;
					top: 0;
					left: 0;
				}
			}
		.nav-list{
			.pt(1px);
			width: 100%;
			height:100%;
		}
		li{
			width: 100%;
			height: 20px;
			position: relative;
			text-indent: 60px;
			.cur_pointer;
			.mt(30px);
		}
	}

	.personal-right{
		.title{
			width:970px;
			.ml(25px);
			height:68px;
			line-height:68px;
			.text_align(left);
			font-size: @fs18;
			color:@sub_fs_color; 
			i{
				font-size: @fs14;
				.ml(5px);
				.mr(5px);
			}
		}
		.fr;
		width:996px;
		height: 100%; 
		.notice-box{
			width: 100%;
			height: 50px;
			.mt(8px);
			line-height: 50px;
			position: relative;
			font-size: @fs14;
			color:@sub_fs_color;

			i{
				display: block;
				width: 23px;
				height: 20px;
				background: url(../images/person/inform.png);
				position: absolute;
				top:17px;
				left:25px;
			}
			.text{
				.ml(70px);
				.type;
				white-space:nowrap; 
				overflow:hidden;
				text-overflow:ellipsis;
			}
		}
		.tab-container{
			width: 100%;
			.tab-content-item{
				.hide;
			}
			.current{.show;}
		}
	}
	#minem{
		position: relative;
		overflow: hidden;
		.pt(1px);
		.dll{
			.mt(40px);
			.ml(85px);
			overflow: hidden;
			color:@fs_color;
			dl{
				width: 250px;
				.fl;
				.mr(80px);
			}
			.last-dl{
				.mr(1px);
			}
			dt{
				font-size:@fs18 - 2;
				height: 35px;
				.pt(5px);
				i{
					.type;
					width: 30px;
					height: 30px;
					.mr(10px);
				}
				.caption{
					line-height: 30px;
					.type;
					height: 30px;
				}
			}
			.has-profit{
				i{
				background: url(../images/person/has-assets.png);
				}
			}
			.pre-profit{
				i{
				background: url(../images/person/pre_profit.png);
				}
			}
			.last-profit{
				i{
				background: url(../images/person/all_profit.png);
				}
			}
			dd{
				.text{
					height: 50px;
					line-height: 50px;
					font-size: 40px;
					.bold;
					color:@active_a_color;
					text-indent: 30px;
				}
				.count{
					font-size: @fs14 - 2;
					text-indent: 40px;
					line-height: 22px;
					height: 22px;
				}
				.number{
					font-size: @fs18 - 2;
					.bold;
					.mr(7px);
					.ml(7px);
				}
			}
		}
		.minem-tab{
			width: 980px;
			.ml(20px);
			.mt(40px);
			.border_bottom(1px,@bg_color);
			height: 54px;
			line-height: 54px;
			.tab-active{
					.border_bottom(2px,@active_a_color);
					color:@active_a_color;
				}
			li{
				.fl;
				padding: 0 10px;
				font-size: @fs18 - 2;
				.mr(40px);
				.cur_pointer;
			}
		}
		#have-page{
			.page;
		}
		#his-page{
			.page;
		}
		#recode-page{
			.page;
		}
	}

	.recode-table{

		 img{
		.mt(60px); 
		}
		p{
			text-align: center;
			.mt(36px);
			font-size: @fs18;
			color:@sub_fs_color;
		}
	}
	
/*--------------------我的推荐----------------------*/
#groom-page{
	.page;
}
/*虚线效果*/

#layui-laydate1 {
	.layui-laydate{
		.layui-this{
			background-color: @button_color !important;
		}
	}
}
.dashed{
	height: 3px;
	width: 986px;
	border-top:2px dashed @border_color;
	border-bottom:2px dashed @border_color;
}
#groom{
	.groom-box{
	height: 220px;
	width: 100%;
	.text_align(center);
	color:@sub_fs_color;
	}
	.re-inform{
		height: 54px;
		font-size: @fs24 + 2;
		.bold;
	}
	.friend-groom{
		height: 28px;
		line-height: 28px;
		i{
			.type;
			width: 11px;
			height: 18px;
			background: url(../images/person/right.png);
			vertical-align: middle;
			.ml(20px);
			.mr(20px);
		}
		span{
			.type;
			vertical-align: middle;
			font-size: @fs14;
		}
	}
	.link{
		.mt(40px);
		width: 530px;
		height: 44px;
		.text_align(center);
		.ml(235px);
		p{
			.fl;
			width: 400px;
			height: 42px;
			border:1px solid  #d7d7d7;
			line-height: 42px;
		}
		.btn{
			width: 128px;
			height:100%;
			.fr;
			background-color: @button_color;
			line-height:44px;
			color:@white_fs_color;
			.cur_pointer;
		}
	}
	.groom-table{
		width:100%;
	}
	.choose-date{
		color:@sub_fs_color;
		height: 48px;
		.ml(25px);
		.mt(18px);
		label{
			.fl;
			font-size: @fs18 - 2;
			.mt(5px);
		}
		span{
			.fl;
			.ml(10px);
			.mr(10px);
			width: 8px;
			height: 2px;
			.mt(16px);
			background:  url(../images/person/line.png);
		}
		.data-time{
			width: 120px;
			height: 30px;
			line-height: 30px;
			position: relative;
			.fl;
			input::-ms-clear{display:none;}
			.layui-input{
				height: 30px;
				vertical-align: middle;
				color:@sub_fs_color;
				line-height: 30px;
				.br;
			}
			i{
				.type;
				width: 18px;
				height: 19px;
				background:  url(../images/person/data.png);
				position: absolute;
				right: 14px;
				top: 6px;
			}
		}
		.tab-btn-style{
			width: 80px;
			height: 30px;
			.cur_pointer;
			.text_align(center);
			line-height: 30px;
			.ml(10px);
			.br;
		}
		.tab-btn{
			.fl;
			.tab-btn-style;
			background-color: @active_color;
			color:@white_fs_color;
		}
		.tab-reset{
			.fl;
			.tab-btn-style;
			width: 78px;
			height: 28px;
			border:1px solid @active_color;
			color: @active_color;
		}
	}
}

/*--------------------资产详情页面----------------------*/

.mine-box{
	.title-detail{
		font-size: @fs14;
		color:@sub_fs_color;
	}
	.dashed{
		.mt(30px);
	}
}
.mine-detail-box{
	width: 946px;
	height: 260px;
	.border_bottom( @border_color);
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.2);
	.ml(25px);
	.mr(24px);
	.box-title{
		height: 53px;
		line-height: 53px;
		.pr(4px);
		.border_bottom(@border_color);
		.pl(50px);
		i{
			.type;
			width: 24px;
			height: 27px;
			background: url(../images/person/p_band.png);
			.mt(14px);
			.mr(16px);
		}
		.pr-name{
			font-size: @fs18 + 2;
			color:@fs_color;
		}
		.pr-agreement{
			.mr(50px);
			font-size: @fs18 - 2;
			color:@button_color;
		}
	}
	.left{
		.fl;
		.pt(1px);
		width:552px;
		.mt(14px);
		.mb(7px);
		.pl(50px);
		height: 185px;
		color:@fs_color;
		.border_right(@border_color);
		.detail-dl{
			overflow: hidden;
		}
		dl{
			.fl;
			.mr(70px);
			.text_align(left);
			.mt(30px);
		}
		.last-dl{
			.mr(1px);
		}
		dt{
			font-size: @fs18 - 2;
			span{
				font-size: @fs32 - 2;
				color:@number_color;
				.bold;
				.mr(5px);
			}
		}
		dd{
				font-size: @fs14;
				.text_align(center);
			}
			.detail-ul{
				width: 100%;
				overflow: hidden;
				.mt(10px);
				li{
					width:50%;
					.mt(18px);
					.fl;
					font-size: @fs14;
				}
			}
	}
	.right{
		.fr;
		width: 340px;
		height: 100%;
		.right-title{
			font-size: 20px;
			color:@fs_color;
			.mt(20px);
			.text_align(center);
			line-height: 20px;
		}
		.day-list{
			width: 180px;
			margin:0 auto;
			.mt(24px);
			.text_align(center);
			overflow: hidden;
			.day{
				width: 57px;
				height: 71px;
				.fl;
				background: url(../images/person/num_bg.png);
				line-height: 71px;
				.text_align(center);
				color:@white_fs_color;
				font-size: @fs32 + 2;
				.bold;
			}
		}
			.condition{
			color:@active_color;
			font-size: @fs18;
			width: 100%;
			.text_align(center);
			.mt(24px);
			i{
				.type;
				width: 14px;
				height: 14px;
				background:url(../images/person/pr_tip.png);
				vertical-align: middle;
				.ml(4px);
				.cur_pointer;
			}
		}
		.inform-item{
			width: 156px;
			height: 102px;
			position: relative;
			.ml(145px);
			.triangle_border_up{
					width: 6px;
					height: 6px;
					margin:0 auto;
					.triangle(top,6px,@active_color);
			}
			#inform_tip_text{
				width: 134px;
				height: 81px;
				border:1px solid @active_color;
				background-color: @white_fs_color;
				font-size: @fs14 - 2;
				color:@sub_fs_color;
				padding: 10px;
			}
		}
	}
}
.bank-top{
			height:36px;
			list-height:36px;
			.pl(25px);
			.mt(10px);
			font-size: 0;
			.bank-title{
				.type;
				font-size:@fs18;
				color:@fs_color;
				vertical-align: middle;
				.mr(10px);
		}
		.tip{
			font-size: @fs14;
			color:@sub_fs_color;
			vertical-align: middle;
		}
}
.card{
	.pt(1px);
	.ml(25px);
	.mt(20px);
	color:@white_fs_color;
	overflow: hidden;
	.bank{
		.cur_pointer;
		.fl;
		.mr(20px);
		width: 303px;
		height: 195px;

	}
	.bank-detail-bg{
		background: url(../images/person/bank_blue.png);
	}
	.bank-item-1{
		background: url(../images/person/bank_blue.png);
	}
	.bank-item-2{
		background: url(../images/person/bank_green.png);
	}
	.bank-item-3{
		background: url(../images/person/bank_orange.png);
	}
	.bank-item-4{
		background: url(../images/person/bank_yellow.png);
	}
	.bank-item-5{
		background: url(../images/person/bank_blue.png);
	}
	.bank-item-last{
		background: url(../images/person/bank_gray.png);
	}
	.card-page-arrow{
		width: 360px;
		height: 195px;
		.card-item-arrow{
			display: block;
			width:136px;
			height: 61px;
			overflow: hidden;
			background: url(../images/person/card_page.png) no-repeat;
			.ml(200px);
			.mt(65px);
		}
		.card-page-bg{
			.bank{
				.ml(-36px);
			}
			width: 275px;
			height: 195px;
			.ml(35px);
			.mt(-125px);
			background: url(../images/person/card_page_bg.png) no-repeat center center;
		}
	}
	.card-type{
		.pt(22px);
		.pl(25px);
		width: 260px;
		margin: 0 auto;
		overflow: hidden;
		i{
			.type;
			width: 26px;
			height: 26px;
			background: url(../images/person/bank_logo.png);
			.mr(8px);
		}
		.card-name{
			font-size: @fs18 - 2;
			vertical-align: middle;
		}
	}
	.card-info{
		.pt(20px);
		.pl(30px);
		p{
			font-size: @fs14 - 2;
			height: 32px;
			line-height: 32px;
		}
		.number{
			font-size: @fs24;
			.bold;
			height: 20px;
			line-height: 20px;
			.mt(20px);
		}
		b{
			font-weight: normal;
			.ml(6px);
		}
	}
}

/*--------------------我的银行卡----------------------*/
.bank-close{
		.hide;
		.fr;
		width:18px;
		height: 18px;
		background: url(../images/person/bank_close.png);
		.mr(24px);
		.cur_pointer;
	}
.bank-card-hover{
	.bank-close{
		.show;
	}
}
.bank-card-active{
	.bank-close{
		.show;
		background: url(../images/person/bank_close_hover.png);
	}
}
.card-top{
	.mt(0px);
	overflow: hidden;
	.card-type-detail{
		.fl;
	}
	.card-add-detail{
		.mt(110px);
		height: 56px;

	}
	.card-tip{
		.fl;
		font-size: @fs18;
		color:@sub_fs_color;
		line-height: 56px;
		height: 56px;
	}
	.bank-add{
		.fr;
		width: 42px;
		height: 42px;
		background: url(../images/person/bank_add.png);
		.mr(12px);
		.mt(8px);
	}

}

/*--------------------添加银行卡----------------------*/
/*表单获取焦点*/
.close-iframe{
		.fr;
		width: 31px;
		height: 30px;
		background: url(../images/person/add_card_close.png);
		.mt(10px);
		.mr(22px);
	}
.add-card-head{
	 width: 100%;
	height: 48px;
	background-color: @border_color;
	.title{
		line-height: 48px;
		font-size: @fs18 + 2;
		.pl(25px);
	.fl;
		i{
			.type;
			width: 20px;
			height: 16px;
			background: url(../images/person/add_bank.png);
			.mt(16px);
			.mr(12px);
		}
	}
	.add-card-close{
		.close-iframe;
	}
}
.add-card-form{
	color:@sub_fs_color;
	width: 500px;
	margin:0 auto;
	.mt(5px);
	.form-item{
		height: 46px;
		line-height: 46px;
		.mb(18px);
		i{
			.type;
			width:28px;
			height: 20px;
			.mt(16px);
			.ml(10px);
		}
		.input-icon{
			background: url(../images/person/input_arrows.png);
		}
		.key-word{
			background: url(../images/person/keyboard.png);
		}
		label{
			.type;
			width: 90px;
			font-size: @fs14;
			color:@fs_color;
			span{
				color:#fe5151;
			}
		}
		input,select{
			width: 327px;
			height: 44px;
			border: 1px solid @border_color;
			line-height: 44px;
			.pl(22px);
			color:#999;
		}
		select{
			padding: 12px 0;
			.pl(22px);
			width: 351px;
			height: 46px;
			border: 1px solid @border_color;
			option{
				color:@sub_fs_color;
			}
		}
	}
	.city{
		select{
			width: 163px;
			.mr(18px);
			}
	}
	.tip{
		.ml(90px);
		line-height: 24px;
		color:#fe5151;
		a{
			color:@button_color;
		}
	}
}
.add-btns{
	.mt(30px);
	height: 36px;  
	.ml(122px);
	.btn{
		width: 112px;
		height: 34px;
		line-height: 34px;
		.text_align(center);
		.br(4px);
		font-size: @fs18 - 2;
		.fl;
		.mr(12px);
		.cur_pointer;
	}
	.add-btn{
		background-color: @active_color;
		color:@white_fs_color;
		border:1px solid  @active_color;
	}
	.cancel-btn{
		border:1px solid #e6e6e6;
		background-color: @border_color;
		color:@sub_fs_color;
	}
}
input:focus{
				box-shadow: 0 0 5px @active_color;
			}

.mine-card{
	width: 750px;
	height: 760px;
	.br(8px);
	box-shadow: 0 0 10px rgba(0,0,0,0.2);
	position: relative;
	.add-card-box{
		 width: 100%;
		 height: 100%;
		color:@sub_fs_color;
		.help{
			height: 54px;
			line-height: 54px;
			font-size: @fs14;
			text-indent: 25px;
			a{
				color:@button_color;
			}
		}
	}
}
/*--------------------添加银行卡失败----------------------*/
#alertFail{
	width: 100%;
	height: 100%;
	.add-card-head{
		.bind-card-close{
			.close-iframe;
		}
	}
	.bank-card-icon{
		display: block;
		width: 39px;
		height: 39px;
		background: url(../images/person/bind_bank_fail.png);
		.mt(36px);
		.ml(280px);
	}
	h1{
		font-weight: normal;
		color:@sub_fs_color;
		font-size: @fs18 + 2;
		width: 100%;
		text-align: center;
		.mt(20px);
	}
	.fail{
		.ml(82px);
		.mt(20px);
		width: 440px;
		text-align: left;
		font-size: @fs14 - 2;
		color:@sub_fs_color;
		h2{
			font-size: @fs18 - 2;
			line-height: 28px;
			color:#fb5a5c;

		}
		p{
			line-height: 22px;
			.mb(10px);
		}
	}
}

/*--------------------个人信息----------------------*/
#mines{
	width: 996px;
	font-size: @fs14;
	color:sub_fs_color;
	position: relative;
	.label{
			.type;
			width: 112px;
		}
	li{
	line-height: 14px;
	.mb(30px);
	.text_align(left);
		a{
			.ml(15px);
			color:@button_color;
		}
	}
	.basic-info-box{
		.ml(25px);
		height: 240px;
		.info{
			height: 100%;
		}
		.info-title{
			.bold;
			font-size: @fs18 - 2;
			.mb(30px);
		}
	}
	.confirm-name{
		.ml(25px);
		.t-name{
			height: 160px;
			.name-title{
				.bold;
			}
		}
		li{
			line-height: 21px;
			.mb(24px);
			.check-left{
				.type;
				width: 18px;
				height: 21px;
				background: url(../images/person/approve.png);
				vertical-align: middle;
				.mr(12px);
			}
		}

	}
	/*--------------------修改密码----------------------*/
	.change{
		width: 404px;
		height: 355px;
		background: url(../images/person/popups_bg.png);
		position: absolute;
		top:56px;
		right: 330px;
		font-size: @fs14;
		color:sub_fs_color;
		.change-list{
			width: 340px;
			.ml(45px);
			.mt(10px);
			overflow: hidden;
			.change-item{
				height: 44px;
				.mt(20px);
				line-height: 44px;
				label{
					.type;
					width: 102px;
					.text_align(left);
				}
				input{
					width:228px;
					height: 42px;
					border:1px solid #e6e6e6;
					line-height: 42px;
					text-indent: 20px;
				}
			}
			.btn{
				height: 42px;
				color:@white_fs_color;
				.text_align(center);
				line-height: 42px;
				.cur_pointer;
				.br(2px);
					}
			.phone-code{
					input{
						width: 120px;
						.mr(7px);
					}
					.get-code-btn{
						.type;
						.btn;
						width: 96px;
						background-color: @number_color;
					}
			}
			.change-btn{
				.mt(20px);
				.btn;
				width: 230px;
				.ml(102px);
				font-size: @fs18 - 2;
				.bold;
				background-color: @active_color;
			}
		}
	}
}
/*--------------------实名认证----------------------*/
#certification{
	.add-card-form{
		.ml(25px);
		width: 750px;
	}
}


/*--------------------消息中心----------------------*/
#news-page{
	.page;
}

#news{
	overflow: hidden;
	.title{
		height: 58px;
		line-height: 58px;
	}
	.title-num{
		font-size: @fs18;
		.ml(10px);
	}
	.handle-btns{
		height: 50px;
		width: 970px;
		.ml(25px);
		font-size: @fs18 - 2;
		color:@active_a_color;
		.cur_pointer;
		.del-btn{
			width: 80px;
			height: 30px;
			.mt(2px);
			line-height: 30px;
			.text_align(center);
			.fl;
			.mr(18px);
			i{
				.type;
				width: 14px;
				height: 16px;
				background: url(../images/person/del.png);
				vertical-align:middle;
				.mt(-1px);
				.mr(6px);
			}
		}
		.del-btn-bg{
			background-color: @active_a_color;
			.br(2px); 
			color:@white_fs_color;
			i{
				background: url(../images/person/del_white.png);
			}
		}
		.read-btn{
			.fl;
			.bold;
			height: 30px;
			line-height: 30px;
			.mt(2px);
		}
	}
	.news-table{
		.check-all{
			width: 90px;
		}
		.tab-content{
			width: 616px;
		}
		.td-left{
			.text_align(left);
			font-size: @fs14;
			color:#838383;
		}
		td{
			height: auto;
			padding: 14px 0;
			.red-ellipse{
				.type;
				width: 10px;
				height: 10px;
				background: url(../images/person/red_ellipse.png);
			}
		}
	}

}
/*---------------------------------------------------------支付页面---------------------------------------------------------*/
.pay-container{
	background-color: @bg_color;
	.pb(40px);
	.pt(1px);
	.pay-box-bg{
		background-color: @white_fs_color;
		.mt(40px);
		box-shadow: 0 0 10px rgba(0,0,0,0.2);
		overflow: hidden;
	}
	.pay-box{
		width: 1200px;
		margin:0 auto;
	}
	.info-box{
		.pay-box-bg;
		.info-title{
			padding: 0 50px;
			height: 60px;
			line-height: 58px;
			color: @sub_fs_color;
			font-size: @fs18;
			span{
				.type
			}
			.pay-logo{
				width: 24px;
				height: 27px;
				background: url(../images/person/p_band.png);
				.mt(14px);
				.mr(18px);
			}
		}
			.text-box{
				height: 200px;
				width:100%;
			}
			.text-item{
				overflow: hidden;
				ul{
					width: 100%;
					overflow: hidden;
					li{
					.fl;
					text-align: center;
					width: 33.3%;
					height:98px;
					}
					.caption{
						font-size:@fs18 - 2; 
						color:@fs_color;
						height: 20px;
						line-height: 20px;
						.mt(20px);
					}
					.content{
						line-height: 20px;
						.mt(20px);
						font-size: @fs18 + 2;
						color:@sub_fs_color;
					}
				}
			}
			.item-info{
				height: 98px;
				background-color: #f8f8fa;
			}
			.text-all{
				width: 1100px;
				padding: 0 50px;
				text-align:center;
				p{
					.ml(780px);
					width:320px;
					.mt(14px);
					color:@sub_fs_color;
				}
				.caption{
					font-size: @fs18 - 2;
					color:@sub_fs_color;
				}
				.content{
					color:@active_color;
					font-size:20px;
					.mr(12px);
					.ml(20px);
					.bold;
				}
			}

	}
	.pay-content{
		.pay-box-bg;
		.mt(20px);
		padding: 0 50px;

		.pay-tab{
			width: 1100px;
			height: 58px;
			 .border_bottom(1px,@border_color);
			.pay-tab-item{
				.fl;
				.mt(14px);
				width: 125px;
				height: 44px;
				line-height: 44px;
				font-size: @fs18 + 2;
				color:@fs_color;
				.text_align(center);
				.cur_pointer;
			}
			.pay-tab-item-active{
				color:@number_color;
				.border_bottom(2px,@number_color);
			}
		}
	}
	.pay-tab-container{
		.tip-bar{
			.mt(30px);
			.mb(10px);
			.img{
				width: 408px;
				height: 20px;
				background: url(../images/bank_tip.png);
			}
			a{
				color:@number_color;
				.ml(6px);
			}
		}
		.card{
			.cur_pointer;
			.bank{
				position: relative;
				.bank-check{
					.hide;
					position: absolute;
					right: 0;
					bottom: 0;
					width:50px;
					height: 46px;
					background: url(../images/bank_no_checked.png);
					.mr(11px);
					.mb(11px);
					.cur_pointer;
				}
			}
			.bank-hover{
				.bank-check{
				.show;
				}
			}
			.bank-active{
				.bank-hover;
				}
			}
		.agree-box{
			.mt(30px);
   			 font-size:@fs14;
    		overflow: hidden;
    		li{
    			.fl;
    			.mr(40px);
    			.pt(1px);
    			height: 16px;
    			line-height: 16px;
    			input{
    				.mt(2px);
    				vertical-align: top;
    				.mr(12px);
				}
				a{
					color:@active_a_color;
				}
				.internet{
					position: relative;
                    display: inline-block;
                    width: 11px;
                    img{
                    position: absolute;
                    top: 3px;
                    }
				}
    		}
		}
		.quick-pay-btn{
			width: 180px;
			height: 40px;
			background: @active_a_color;
			border: 1px solid @active_a_color;
			line-height: 40px;
			text-align: center;
			color: #fff;
			font-size:@fs18;
			margin: 45px auto 0;
			cursor: pointer;
			.br(8px);
		}
		.warning{
			overflow: hidden;
			.mt(20px);
			.mb(50px);
			li{
				.mt(10px);
				font-size: @fs14;
				color:@sub_fs_color;
				text-align: right;
			}
		}
		.net{
			.tip-bar{
				.img{
					width: 164px;
					background: url(../images/bank_tip_2.png);
				}
			}
			.choose-item{
				width: 420px;
				height: 60px;
				.mt(8px);
				.choose-bank{
					width: 318px;
					height: 30px;
					border:1px solid #ccc;
				}
				label{
					font-size: @fs14;
					color:@fs_color;
					.mr(10px);
				}
				.tip{
					.ml(96px);
					.mt(10px);
					font-size: @fs14 - 2;
					color:sub_fs_color;
				}
			}
			.bank-list{
				.mt(8px);
				.ml(86px);
				overflow: hidden;
				.bank-item{
					.bank_pay_select{
						width: 16px;
					    height: 18px;
					    float: left;
					    cursor: pointer;
					    text-align: center;
					    margin-right: 4px;
					    background: url(../images/bank/Unchecked.png)no-repeat;
					    margin-top: 16px;
					    .radioclass{
					    	   opacity: 0;
                               cursor: pointer;
                               -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
                               filter: alpha(opacity=0);
                               margin-left: -3px;
					    }
					}
					.fl;
					.mt(30px);
					width:180px;
					height: 48px;
					.mr(20px);
					.radio-box{
					 .cur_pointer;
					 .type;
					 height: 44px;
					 width:156px;
					 border:2px solid @border_color;
					 vertical-align: middle;
					}
					input{
						vertical-align: middle;
						.mr(3px);
						.cur_pointer;
					}
					input[type="radio"]:checked +label{
						color:@active_a_color;
					}
					.bank-img{
						.type;
						.cur_pointer;
						width:156px;
						height: 44px;
					}
					.support{
						.hide;
						width: 180px;
						text-align: center;
						line-height: 30px;
						font-size: @fs14 - 2;
						color:@active_a_color;
					}
					&:hover{
							.support{
								.show;
							}
						}
					.sxcb{
						background: url(../images/bank/1.png);
					}
					.icbc{
						background: url(../images/bank/2.png);
					}
					.abc{
						background: url(../images/bank/3.png);
					}
					.jsb{
						background: url(../images/bank/4.png);
					}
					.comm{
						background: url(../images/bank/5.png);
					}
					.zsb{
						background: url(../images/bank/6.png);
					}
					.boc{
						background: url(../images/bank/7.png);
					}
					.yzcb{
						background: url(../images/bank/8.png);
					}
					.ecitic{
						background: url(../images/bank/9.png);
					}
					.cebbank{
						background: url(../images/bank/10.png);
					}
					.cmbc{
						background: url(../images/bank/11.png);
					}
					.pab{
						background: url(../images/bank/12.png);
					}
					.cib{
						background: url(../images/bank/13.png);
					}
					.spdb{
						background: url(../images/bank/14.png);
					}
					.shbc{
						background: url(../images/bank/15.png);
					}
					.bankofbeijing{
						background: url(../images/bank/16.png);
					}
					.nnbb{
						background: url(../images/bank/17.png);
					}
					.hssb{
						background: url(../images/bank/18.png);
					}
					.lzb{
						background: url(../images/bank/19.png);
					}
					.qdccb{
						background: url(../images/bank/20.png);
					}
				}
				.bocom{
					.mr(0px);
				}
			}
		}
	}
}
/*--------------------支付验证----------------------*/
#pay-card{
	width: 660px;
	height: 412px;
	.br(8px);
	.title{
		i{
			.type;
			width: 13px;
			height: 18px;
			background: url(../images/pay_phone.png);
		}
	}
	.pay-card-close{
			.close-iframe;
		}
	.alert-pay-box{
		width: 540px;
		.mt(40px);
		.ml(60px);
		font-size: @fs18 - 2;
		color:@sub_fs_color;
		button{
				border:none;
				.cur_pointer;
			}
		.alert-pay{
				line-height:40px;
				.mb(20px);
			label{
				.type;
				width: 130px;
				text-align: left;
			}
			.pay-number{
				color:@number_color;
				font-size: 34px;
				.mr(8px);
			}
			input{
				width: 193px;
				height: 38px;
				line-height: 38px;
				.pl(5px);
				border:1px solid #dfdfdf;
			}
			.yzm{
				width: 100px;
				height: 40px;
				.ml(10px);
				background-color: @number_color;
				color:@white_fs_color;
				text-align: center;
				line-height: 40px;
			}
		}
		.affirm-btns{
			.mt(65px);
			.ml(130px);
			.affirm-btn{
				.type;
				width: 118px;
				height: 38px;
				line-height: 38px;
				text-align: center;
				.mr(25px);
				.br(8px);
				color:@active_a_color;
				border:1px solid  @active_a_color;
				background:none;
			}
			.a-btn{
				background-color: @active_a_color;
				color: @white_fs_color;
			}
		}
	}
}
/*---------------------------------------------------------登录页面 login in---------------------------------------------------------*/
/*回到顶部公共样式*/
.standard_page{
	position: fixed;
	right: 50%;
	bottom: 250px;
	.mr(-695px);
	a{
		display: block;
		width: 45px;
		height: 45px;
		.mt(2px);
		background-color: #c1c1c1;
		&:hover{
			background-color:  @active_color;
		}
	}
	img{
		margin:12px 12px;
	}
	>div{
		position: relative;
	}
	.triangle{
		width: 10px;
		height: 10px;
		position: absolute;
		left:-17px;
		top:20px;
		.hide;
		 background:url("../images/Investmentlist/Triangle.png")no-repeat ;
	}
	.qr_code{
		width: 85px;
	    height: 85px;
	    position: absolute;
	    left: -106px;
	    top: -18px;
	    border: 2px solid @active_color;
	   background: url('../images/about.png')no-repeat;
	   .hide;
	}
	.goOut{
		position: absolute;
	    width: 70px;
	    height: 28px;
	    left: -86px;
	    top: 11px;
	    text-align: center;
	    color:@white_fs_color;
	    line-height: 28px;
	    .hide;
	    background: url('../images/Investmentlist/achor_yellow.png')no-repeat;
	}
}
.login_margin_auto{
	width: 1200px;
	margin:0 auto;
}
.login_header{
	height: 100px;
	line-height: 100px;
	.login_margin_auto;
	img{
		.mt(22px);
	}
	span{
		.fr;
		font-size:@fs18 - 2;
		.bold;
		color:@sub_fs_color;
	}
}
.login_main{
	position: relative;
	 background:url(../images/bg.jpg) no-repeat 100%;
	 .login_main_center{
	 	.login_margin_auto;
	 	height: 700px;
	 	img{
	 		margin:265px 0;
	 	}
	 	.sign_box{
	 		width: 430px;
	 		height: 460px;
	 		background-color: @white_fs_color;
	 		.fr;
	 		margin:130px 130px 0 0;
	 		border-radius: 2px;
	 		div{
	 			width: 300px;
				margin:0 auto;
	 		}
	 		.sign_title{
	 			.pt(40px);
	 		}
	 		h4{
	 			display: inline-block;
	 			font-size: @fs18;
	 			.bold;
	 			color:@fs_color;
	 		}
	 		.sign_title_font{
	 			.fr;
	 			color:@sub_fs_color;
	 		}
	 		.sign_title_color{
	 			position: relative;
	 			top:-16px;
	 		}
	 		.sign_account{
	 			input{
	 				width: 268px;
	 				height: 13px;
	 				border:1px solid @border_color;
	 				font-size: @fs18 - 2;
	 				padding: 15px;
	 				.br(2px);
	 			}
	 			div{
 				    line-height: 28px;
    				color: #e34a20;
	 			}
	 		}
	 		.sign_code{
	 			input{
	 				width: 178px;
	 			}
	 		}
	 		.sign_in{
	 			width: 100%;
	 			height: 40px;
	 			font-size: @fs18;
	 			letter-spacing: 8px;
	 			.mt(15px);
	 			color:@white_fs_color;
	 			.pl(12px);
	 			background-color: @active_a_color;
	 			border:1px solid @active_a_color;
	 			.br(3px);
	 		}
	 		a{
	 			.fr;
	 			color:@active_a_color;
	 			.mt(16px);
	 		}
	 		.prompt{
	 			.pt(10px);
	 			font-size: @fs14 - 2;
	 			color:#c1c1c1;
	 			letter-spacing: 1px;
	 		}
	 	}
	 }
}
/*---------------------------------------------------------投资列表页面---------------------------------------------------------*/
.bg_list{
	overflow: hidden;
	background-color: @bg_color;
}
.list_peacock{
	width: 100%;
	height: 400px;
	background: url("../images/Investmentlist/banner.png") no-repeat 50%;
	.peacock_banner{
		.login_margin_auto;
		height: 100%;
	}
	.user_prompt{
		width: 265px;
		height: 300px;
		background-color: @white_fs_color;
		.fr;
		margin:50px 15px 0 0;
		.text_align(center);
		font-size: 16px;
		color:@sub_fs_color;
		h3{
			color:@active_color;
			font-size: @fs32 + 4;
			.mt(32px);
			letter-spacing: 5px;
		}
		span{
			.mt(30px);
			display: block;
		}
		div{
			.mt(10px);
			font-size: @fs18;
		}
		button{
			width: 190px;
			height: 45px;
			font-size: @fs14;
			letter-spacing: 3px;
			.mt(40px);
			color:@sub_fs_color;
			.pl(12px);
			background-color: @active_color;
			border:1px solid @active_color;
			.br(3px);
			box-shadow: 1px 1px 13px @active_color;
			color:@white_fs_color;

		}
		/*未登录状态*/
		h5{
			color:@sub_fs_color;
			font-size: @fs18 - 2;
			.mt(45px);
			.bold;
		}
		.not_logged_in_Profit{
			.mt(35px);
			color:@active_color;
			font-size: 50px;
		}
		.not_logged_in_goin{
			font-size: 12px;
			color:@sub_fs_login_color;
			.mt(18px);
			letter-spacing: 4px;
			a{
				color:@active_color;
			}
		}
		.list_see,.list_exit{
			color:@active_color;
		}
		.list_see{
			.fl;
			margin:15px 0 0 38px;
		}
		.list_exit{
			.fr;
			margin:15px 36px 0 0;
		}
	}
	.user_prompt_notLogged_in{
		.hide;
	}
}

/*banner部分*/
.type_block{
		display: inline-block;
	}
.list_mian_banner{
	width:1200px;
	margin:35px auto 0;
	.list_mian_title{
		span{
			.type_block;
		}
	}
	.main_title{
		font-size: 30px;
		color:@number_color;
		width: 165px;
		.bold;
		letter-spacing: 4px;
	}
	.main_line{
		width: 2px;
		height: 30px;
		background-color:@table_hover;
		vertical-align:text-bottom; 
	}
	.list_mian_number{
		width: 200px;
		color:@fs_color;
		.pl(35px);
		vertical-align: super;
	}
	.mian_banner{
		width: 100%;
		border:1px solid #ccc;
		box-shadow: 0 -2px 18px #ccc;
    	.mt(35px);
    	background: #fff;
    	ul{
    		li{
    			ul{
    				.type_block;
    				li{
    					.ml(20px);
						padding: 4px 10px;
						.br(5px);
						.cur_pointer;
    				}
    			}
    		}
    	}
    	label{
    		font-size: @fs14 + 2;
    		.bold;
    		color:@fs_color;
    	}
    	.main_select_state{
    		padding: 0 0 25px 50px;
    		>li{
				.mt(22px);
				ul{
					li{
						.type_block;
					}
				}
    		}
    	}
	}
}
.seach_color{
	background-color: #feefc6;
}

/*列表页面*/
/*列表详情公共样式*/
.list_hover_font_common{
	position: absolute;
    left: -15px;
    top: -32px;
    z-index: 10;
    color: @white_fs_color;
    font-size: @fs14 - 2;
    letter-spacing: 2px;
    height: 10px;
}
.list_investment_common{
	width: 120px;
    height: 40px;
    font-size: @fs14;
    letter-spacing: 3px;
    color:@white_fs_color;
    .br(3px);
}
.input_common{
	width: 30px;
    height: 30px;
    text-align: center;
    line-height: 30px;
    font-size: 25px;
    position: absolute;
}
.deli_not_input_common{
	border:1px solid #c1c1c1 ;
    width: 200px;
    height: 36px;
    padding:6px 8px 6px 45px;;
    .br(2px);
}
.button_common{
 	width: 120px;
    height: 50px;
    font-size: @fs14;
    letter-spacing: 3px;
    color: @white_fs_color;
    .pl(12px);
    background-color: @active_a_color;
    border: 1px solid @active_a_color;
    .br(2px);
	.ml(-4px);
   .cur_pointer;
    vertical-align: bottom;
}
.list_state{
	width: 100%;
	.text_align(center);
	ul{
		li{
			.type_block;
			width: 16%;
			.pt(8px);
		}
	}
	div{
		width: 100%;
		height: 200px;
		.mt(10px);
	}
	.main_immediate{
		position: relative;
		>div{
			position: absolute;
			top:0;
		}
		img{
    		vertical-align: middle;
    		.mr(10px);
    	}
		h6{
			font-size: 17px;
			color:@sub_fs_color;
			letter-spacing: 1px;
			.text_align(left);
			line-height: 60px;
			height: 60px;
			.ml(19px);
			position: relative;
		}
		.main_immediate_bg{
			 background: #fef2c0;
			position: absolute;
			width: 0;
			height:200px;
			left:0;
			div{
				height: 100%;
			    overflow: hidden;
			    position: relative;
			}
			span{
				width: 1200px;
			    height: 2000px;
			   	.type_block;
			    position: absolute;
			    left: 0;
			    background: url(../images/Investmentlist/dynamicbar.png);
			}
		}
		.list_hover_font{
			.list_hover_font_common;
		}
		.list_new_hover{
			position: absolute;
		    left: -25px;
		    top: -12px;
		}
	}
	.calculation_number{
		position: absolute;
	    width: 86px;
	    height: 36px;
	    z-index: 12;
	    color: @white_fs_color;
	    right: -43px;
	    top: 40px;
	    display: none;
	    background: url("../images/Investmentlist/calculation.png") no-repeat;
	    line-height: 30px;
	}
	.annual_income{
		font-size: 26px;
		color:@number_color;
		letter-spacing: 0px;
	}
	li{
		p{
			color:@sub_fs_color;
			letter-spacing: 2px;
		}
	}
	.immediate_time{
	 	letter-spacing: 4px;
    	font-size:@fs18; 
	}
	span{
		letter-spacing: 2px;
    	font-size:@fs18 - 2;
	}
	.back_progress{
		position: absolute;
	    width:1200px ;
	    height: 200px;
	    left:400px;
	    background-color:@table_ac_color;
	   .pt(0);
	}
	.main_immediate2{
		background-color: @table_ac_color;
	}
	.in_list_spacing{
		height: 5px;
		border:1px solid @table_ac_color;
	}
	.main_immediate_border{
		.border_top(1px, @border_color);
		.border_bottom(1px, @border_color);
	}
}
.box_img{
	.hide;
}
.nav{
	.block{
		z-index: 0;
	}
}
.siteinfo{
	width: 1200px;
    height:280px ;
    margin: 0 auto;
    div{
    	.type_block;
    	 width: 24.5%;
   		 height: 100%;
    }
    img{
    	margin:67px 89px;
    }
}
.list_investment{
	.list_investment_common;
	background-color:@active_a_color;
    border: 1px solid @active_a_color;
}
.list_preheat{
	.list_investment_common;
	background-color: @active_color;
    border: 1px solid @active_color;
}
.list_sell_out{
	.list_investment_common;
	background: #c1c1c1;
    border: 1px solid #c1c1c1;
}

/*---------------------------------------------------------投资详情页面---------------------------------------------------------*/
.background_map{
    width: 100%;
    height: 400px;
    background: url('../images/Investmentlist/bg-deli.png') no-repeat;
    .pt(40px);
    .main_header{
    	width: 1200px;
    	margin:0 auto;
    	height: 375px;
    	background-color: @white_fs_color;
    	border:1px solid @table_ac_color;
    	 box-shadow: 0px 0px 8px #c1c1c1;
    }
    .main_header_title{
    	color:@sub_fs_color;
    	height: 75px;
    	.border_bottom(1px,@table_ac_color);
		.list_hover_font{
			.list_hover_font_common;
		}
		.list_new_hover{
			 position: absolute;
			  left: -24px;
			  top: -4px;
		}
		h5{
			color:@sub_fs_color;
			.fl;
			font-size: @fs18;
			line-height: 75px;
			.bold;
			.ml(50px);
			letter-spacing: 3px;
			position: relative;
			img{
				vertical-align:middle;
				.pr(12px);
			}
			div{
				.type_block;
				span{
					color:@fs_color;
					font-size: @fs18;
				}
			}
			p{
				.type_block;
			}
		}
    }
    .deadline{
    	.fr;
    	.mr(50px);
    	.mt(24px);
    	.deadline_prompt{
    		.mr(80px);
    	}
    	p{
    		.type_block;
    	}
    }
    .main_header_number{
    	p{
    		color:#999;
    		font-size: 16px;
    	}
    	ul{
    		.type_block;
    	}
    	.main_header_number_left{
    		width: 730px;
    		height: 250px;
    		.mt(18px);
    		.border_right(1px,@table_ac_color);
    		li{
    			ul{
    				width: 100%;
    				.ml(50px);
    				li{
    					.type_block;

    				.inv_deil_Company_H{
    					font-size: 30px;
    					color:@number_color;
    					 .type_block;
    				  }
    				  .inv_deil_Company{
    				  	.type_block;
    				  }
    				}
    				.inv_deil_yield{
    					font-size: 45px;
    					color:@number_color;
    					letter-spacing: 2px;
    				}
    				span{
    					font-size: 26px;
    					color:@fs_color;
    					letter-spacing: 4px;
    				}
                   .main_header_day{
					   margin-left: 85px;
				   }
					.main_header_price{
						float: right;
						padding-top: 25px;
						padding-right: 50px;
					}
    			}
    		}
    	}
    }
}
.product_schedule{
	li{
		.type_block;
	   vertical-align: middle;
	}
}
.inv_deil_Company{
	.type_block;
}
.inv_deil_Company_H{
	.type_block;
}
.speed_progress{
	.mt(40px);
	>p{
		.type_block;
		.ml(50px);
	}
	div{
		 width: 300px;
	    background: @border_color;
	    height: 18px;
	   .type_block;
	    vertical-align: bottom;
	    .ml(18px);
	    .br(18px);
	    position: relative;
	    >p{
	    	position: absolute;
		    background-color: @active_a_color;
		    width: 10%;
		    height: 18px;
		   .br(18px);
	    }
	}
	span{
		.ml(20px);
		color:@active_a_color;
	}
}
.inv_deil_minimum{
	.ml(50px);
	.mt(38px);
	div{
		width: 35%;
		.type_block;
		p{
			.type_block;
		}
	}
	.inv_deil_minimum1{
		width: 250px;
	}

}
.main_header_number_right{
	width: 469px;
	float:right;
	color:#999;
	li{
		.ml(30px);
		.mt(22px)
	}
	p{
		.type_block;
	}
	.main_surplus_money{
		.mt(30px);
		 font-size: @fs18;
    	color:@fs_color;
    	letter-spacing: 2px;
    	div{

			.ml(120px);
    		.type_block;
    	}
		>span{
			font-size: 14px;
			color:#999
		}
	}
	.main_beader_exclusive{
            input{
				width: 180px;
				height: 10px;
				padding: 10px;
				border: 1px solid #c1c1c1;
				border-radius:2px ;
			}
	}
}
.estimate{
	position: relative;
	span{
		color: @active_a_color;
	    font-size: 30px;
	    .ml(15px);
	}
}
.deli_not_clickable{
	.mb(45px);
	background: #f2f2f2;
	position: relative;
	img{
		 position: absolute;
		    right: -58px;
		    top: 54px;
		    width: 210px;
	}
	input{
	.deli_not_input_common;
	}
	button{
		.button_common;
		background: #cccccc;
    	border: 1px solid #cccccc;
	}
}

.input_number{
	.mb(45px);
	position: relative;
	div{
		.type_block;
	}
	input{
		.deli_not_input_common;
	}
	button{
		.button_common;
		img{
			vertical-align: bottom;
			.ml(5px);
		}
	}
}
.deli_not_Preheating{
	.mb(45px);
	position: relative;
	input{
		 background: #f2f2f2;
		 .deli_not_input_common;
	}
	button{
		.button_common;
		 background-color:@active_color;
    	border: 1px solid @active_color;
	}
}

.input_reduce_noclick,.input_reduce{
	.input_common;
	 color: #aaa;
    .bold;
    background: @border_color;
    text-align: center;
    line-height: 30px;
    left: 8px;
    top: 9px;
}
.input_reduce{
	.cur_pointer;
}
.input_add{
	.input_common;
	color:@white_fs_color;
	.bold;
	right: 126px;
	top:9px;
	.cur_pointer;
	background: #ff764f;
}
.input_add_noclick{
	.input_common;
	right:188px;
	top:9px;
	.bold;
	color:#ccc;
}
.inv_deil_bill_Seal{
	position: relative;
	img{
		position: absolute;
	    top: -80px;
	    right: -29px;
	}
}
.inv_deil_main_banner{
	 width: 1200px;
    box-shadow: rgb(193, 193, 193) 0px 0px 8px;
    margin: 20px auto 60px;
    background: rgb(255, 255, 255);
    border-width: 1px;
    border-style: solid;
    border-color: rgb(247, 248, 253);
    border-image: initial;
	.inv_deil_main_width{
	width: 1100px;
	margin:0 auto;
		.inv_deil_tab_header{
			font-size: @fs18;
			.border_bottom(1px,@border_color);
			.mt(25px);
			li{
				.type_block;
				.mr(80px);
				color:@sub_fs_color;
				.cur_pointer;
				height: 36px;
			}
			.inv_deil_select_tab{
				color:@fs_color;
				.border_bottom(2px,@number_color);
			}
		}
		.inv_deil_tab_hide{
			color:#999;
			font-size: @fs18 - 2;
			letter-spacing: 2px;
			h5{
				color:@fs_color;
				font-size: @fs18;
				margin:28px 0 20px;
			}
			.inv_deil_tab_onetitle{
				display: block;
				.ml(20px);
				color:@sub_fs_color;
			}
			.product_schedule{
				.text_align(center);
				.deli_progress{
					p{
						width: 10px;
					    height: 10px;
					    border: 2px solid @active_a_color;
					    border-radius: 50%;
					   .type_block;
					}
					li{
						vertical-align: middle;
						margin:10px;
					}
					.deli_progress{
						margin:10px 10px 85px 10px;
					}
					.product_schedule_font{
						p{
							.mt(10px);
						}
					}
					.deli_progress_one{
						background-color: @active_a_color;
					}
					.deli_progress_one2{
						background-color: @active_a_color;
					}
					.deli_progress_two{
						background-color: @active_a_color;
					}
					.deli_progress_two2{
						background-color: @active_a_color;
					}
				}
			}
			.inv_deil_table{
				width: 1050px;
				.ml(20px);
				tr{
					.text_align(center);
					.border_bottom(1px,@bg_color);
					.border_top(1px,@bg_color);
					th{
						background-color: @bg_color;
					    font-size: 15px;
					    text-align: left;
					    padding: 0 0 0 55px;
					}
				}
				td{
					width: 250px;
					height: 60px;
				}
				img{
					vertical-align: inherit;
					.ml(10px);
				}
			}
			.inv_deil_bill{
				.ml(20px);
				.mb(10px);
				.inv_deil_bill_infromtion{
					width: 920px;
				    height: 290px;
				    margin: 35px auto 50px;
				    border: 1px solid #c1c1c1;
				    color: @sub_fs_color;

				    label{
				    	color:@fs_color;
				    	.bold;
				    }
				}
				.inv_deil_bill_title{
					 width: 650px;
				    height: 50px;
				    line-height: 50px;
				    margin: 0 auto;
				    text-align: center;
				    border-bottom: 1px solid #c1c1c1;
				}
				.inv_deil_bill_content{
					margin:22px 115px;
					span{
						.border_bottom(1px,#c1c1c1);
						 height: 35px;
						.type_block;
						padding: 0 4px;
					}
					.number{
						color: #e34a20;
					}
					 .Order{
					 	.ml(105px);
					 }
					 .date{
					 	.ml(175px);
					 }
				}
				.inv_deil_bill_footer{
					font-size: 10px;
					.title{
						color: #e34a20;
						.ml(115px);
					}
					.date{
						.ml(85px);
					}
				}
				
		}
	}
	
}
.inv_deil_tab_table{
					.border_bottom(1px,#c1c1c1);
					th,td{
						font-size: 14px;
					}
					th{
						width: 135px;
						.text_align(right);
						padding: 15px 0;
					}
					td{
						.pl(100px);
						color:@sub_fs_color;
						letter-spacing: 1px;
					}
					.even{
						background-color: @bg_color;
					}
				}
			}
.inv_deil_tab_reallyhide{
	.hide;
	h4{
		.mt(40px); 
		font-size: @fs18;
		color: @sub_fs_color;
		.ml(20px);
	}
	span{
		 .type_block;
		font-size: @fs14;
		color: @sub_fs_color;
		.ml(20px);
		.mt(20px)

	}
	p{
		margin:20px 20px;
		font-size: @fs14;
		letter-spacing: 0;
	}
	.inv_deil_closing{
		.hide;
		width: 1100px;
		text-align: center;
		color:#999;
		.mt(30px);
		font-size: @fs18 -2;
		th{
			background-color:@border_color;
			padding: 5px 0;
			.bold;
		}
		td{
			padding: 15px 0;
			.border_bottom(1px,@border_color);
		}
	}
}
.inv_deil_tab_Deal{
	>div{
		min-height: 650px;
		>div{
			p{
				text-align: center;
				font-size: @fs18 -2;
				color:#999;
				letter-spacing: 1px;
			}
			img{
				 margin: 200px 460px 0;
			}
		}
	}
}


/*---------------------------------------------------------修改密码---------------------------------------------------------*/
.update_main{
  width: 100%;
  height:690px ;
  background:#f5f5f5 ;
  .pt(38px);
  .update_banner{
    width: 860px;
    height: 645px;
    background: @white_fs_color;
    margin: 0px auto ;
    h3{
      width: 100%;
      height: 100px;
      border-bottom: 1px solid @bg_color;
      color: #999;
      line-height: 100px ;
      text-align: center;
      font-size: 22px;
    }
    .updata_progress_state{
      width: 100%;
      .mt(26px);
      li{
        display: inline-block;
        text-align: center;
      }
      .updata_content{
        width: 80px;
      }
      .updata_Middle_line{
        width: 220px;
        border-bottom: 1px solid @border_color;
        vertical-align: text-top;
      }
      .updata_content_ipone{
        .ml(85px);
      }
      p{
        color: #c1c1c1;
        .mb(5px);
      }
      div{
        color: #ff754e;
        .mb(5px);
      }
    }
    .updata_password{
      .mt(80px);
      label{
        color: @sub_fs_color;
        .ml(220px);
        .mr(30px);
      }
      li{
        .mt(18px)
      }
      input{
        width: 250px;
        height: 8px;
        border:  1px solid #c1c1c1;
        padding: 15px;
        border-radius:2px ;
      }
      input::-webkit-input-placeholder{
        color: #c1c1c1;
        font-size: 12px;
      }
      input:-moz-placeholder {
        color: #c1c1c1;
        font-size: 12px;
      }
      input::-moz-placeholder {
        color: #c1c1c1;
        font-size: 12px;
      }
      input:-ms-input-placeholder {
        color: #c1c1c1;
        font-size: 12px;
      }
      .updata_verification_code{
        label{
          .mr(13px);
        }
        input{
          width: 130px;
        }
        button{
          width: 80px;
          height: 40px;
          font-size: 13px;
          border-radius: 2px;
          .ml(35px);
          cursor: pointer;
          background: @number_color;
          color: @white_fs_color;
          border: 1px solid @number_color;
        }
      }
      .updata_new_password{
        label{
          .mr(44px);
        }
      }
      .updata_goin{
        width: 280px;
        height: 40px;
        font-size: 13px;
        border-radius: 2px;
        .ml(310px);
        cursor: pointer;
        background: @active_a_color;
        color: @white_fs_color;
        border: 1px solid @active_a_color;
      }
    }
    .updata_success{
      .mt( 50px);
      text-align: center;
      div{
        font-size: @fs18;
        color: @sub_fs_color;
      }
      img{
        vertical-align: middle;
        .mr(10px);
      }
      button{
        width: 240px;
        height: 60px;
        font-size: 20px;
        border-radius: 2px;
        cursor: pointer;
        background: @active_a_color;
        color: @white_fs_color;
        border: 1px solid @active_a_color;
        .mt(100px);
      }
    }
  }
}

/*--------------------------------------------------------支付结果页---------------------------------------------------------*/
.payment_main_btn{
  text-align: center;
  margin: 60px 0px 80px 0;
  button{
    width: 120px;
    height: 45px;
    font-size: 16px;
    .pl( 12px);
    border-radius: 4px;
    .ml( -4px);
    cursor: pointer;
  }
  .continue_investment{
    background: @active_a_color;
    color: #fff;
    border: 1px solid @active_a_color;
  }

  .see_my_money{
    border: 1px solid @active_a_color;
    color:#ff764f ;
    background: #fff;
    .ml( 10px);
  }
}



.payment_main{
  background: #f5f5f5;
  width: 100%;
  padding-top: 28px;
  .payment_main_banner{
    .img_state{
      vertical-align: middle;
      .mr( 15px);
    }
    width: 1200px;
    background: @white_fs_color;
    margin: 0 auto;
    border: 1px solid #c1c1c1;
    box-shadow:  1px 1px 13px #c1c1c1;
    h3{
      text-align: center;
      .mt(80px);
      font-size: @fs24;
      color: #666;
    }
    .payment_main_prompt{
      margin: 50px 0 0 420px;
      p{
        color:#999 ;
        letter-spacing: 1px;
        .mt(15px);
      }
      span{
        color:@active_a_color ;
        letter-spacing: 1px;
        display: inline-block;
        .mt(15px);
      }
      h6{
        color: #666;
      }
    }
    .Trading {
      table{
        width: 1030px;
        margin: 45px auto 0;
        text-align: center;
        th{
          background: @table_ac_color;
          font-size: 16px;
          padding: 16px 0px;
          font-weight: 400;
          color: #999;
        }
        td{
          font-size: @fs14;
          padding: 16px 0px;
          color: #999;
        }
      }
    }
    .failure{
      .payment_main_prompt{
        margin: 22px 0 0 420px;
      }
    }
  }
  .Advertisement{
    width: 1200px;
    height: 210px;
    background: url('../images/payment/Advertisement.png') no-repeat;
    margin: 27px auto 0;
    .pb(30px);
  }
}
/*---------------------------------------------------------供应链融资页面---------------------------------------------------------*/
.financing-bg{
	background-color: @border_color;
}
.financing-banner{
	width:100%;
	height: 400px;
	background: url(../images/chain/chain_banner.png) center no-repeat;
	.com-width{
		height:  400px;
		position: relative;
	}
	.financing-banner-list{
		width: 100%;
		height: 120px;
		position: absolute;
		left:0;
		bottom:18px;
		.financing-banner-item{
			.fl;
			color:@white_fs_color;
			width: 148px;
			height: 120px;
			text-align: center;
			.mr(110px);
			background: url(../images/chain/banner_bg.png) center no-repeat;
			dt{
				margin:10px auto 12px;
				width:62px;
				height: 56px;

				img{
					width:100%;
					height: 100%;
				}
			}
			dd{
				font-size:@fs18 + 2;
			}
		}
		.financing-last-item{
			.mr(0px);
			.fr;
		}
	}
}
.financing-box{
	.financing-form{
		position: relative;
		width:100%;
		height: 936px;
		margin: 40px 0;
		background: url(../images/chain/form-bg.png);
		.financing-form-tab{
			position: absolute;
			top:30px;
			left:300px;
			width: 598px;
			height: 84px;
			background-color: @white_fs_color;
			border:1px solid @active_a_color;
			.br(8px);
			font-size: 0;
			.financing-form-tab-item{
				font-size:26px;
				width:50%;
				.fl;
				.cur_pointer;
				color:@active_a_color;
				text-align: center;
				line-height: 84px;
				box-sizing: border-box;

			}
			.financing-form-tab-item-active{
				background-color:@active_a_color;
				color:@white_fs_color;
				box-shadow: 0 0 10px 2px @active_a_color;
				z-index: 10;
			}
		}
		.financing-form-list{
			position: absolute;
			left:220px;
			top:87px;
			width:600px;
			height: 750px;
			padding: 70px 80px 0;
			background-color: @white_fs_color;
			.br(8px);
			.financing-form-item{
				width:100%;
				position: relative;
				.mb(30px);
				color:@sub_fs_color;
				font-size: @fs18 - 2;
				.financing-form-item-label{
					height: 40px;
					position: absolute;
					left:0;
					top:0;
					width:150px;
					text-align: right;
					b{
						color:@active_a_color;
					}
				}
				.financing-form-item-import{
					position: relative;
					height: 100%;
					width:360px;
					height:40px;
					border:1px  solid @sub_fs_login_color;
					.ml(180px);
					.br(2px);
					box-sizing: border-box;
					input{
						width: 100%;
						height: 100%;
						.pl(20px);
						color:@sub_fs_color;
						box-sizing: border-box;
					}
					i{
						position: absolute;
						right:10px;
						top:8px;
						color:@sub_fs_login_color;
					}
					span{
						position: absolute;
						right:0;
						top:-1px;
						.type;
						line-height: 40px;
						height: 40px;
						background-color: @number_color;
						width:120px;
						color:@white_fs_color;
						text-align: center;
						.cur_pointer;
					}
					p{
						position: absolute;
						.mt(-3px);
						font-size: @fs14;
						color:red;
					}
				}
			 }
			 .financing-form-item-tips{
			 	font-size: 16px;
			 	color:@active_a_color;
			 	.mb(30px);
			 	.ml(180px);
			 }
			 .financing-form-item-bottom{
			 	width: 360px;
			 	.ml(180px);
			 	.financing-form-item-button{
			 		width: 200px;
			 		height: 40px;
			 		.type;
			 		letter-spacing: 1px;
			 		background-color:@active_a_color;
			 		color:@white_fs_color;
			 		font-size: 18px;
			 		line-height: 40px;
			 		.br(2px);
			 		.cur_pointer;
			 		text-align: center;
			 	}
			 	.financing-form-item-inform{
			 		.type;
			 		vertical-align: bottom;
			 		.ml(20px);
			 		color:@sub_fs_color;
			 		a{
			 			color:@active_a_color;
			 			.ml(8px);
			 		}
			 	}
			 }
		}
	}
}
.financing-applicate-box{
	.mb(40px);
	.financing-applicate-title{
		font-size: @fs24  + 4;
		color:@fs_color;
		.mb(40px);
	}
	.financing-applicate-step{
		background-color: @white_fs_color;
		height: 236px;
		padding: 0 30px;
		width: 100%;
		box-sizing:border-box;
		.financing-applicate-step-list{
			width: 25%;
			.mt(80px);
			.fl;
			dt{
				width: 214px;
				height: 60px;
				.fl;
				.pr(40px);
				background: url(../images/chain/step_bg.png) bottom no-repeat;
				box-sizing: border-box;
				div{
					.type;
					color:@button_color;
					font-size: @fs18 - 2;
					.mt(6px);
					p{
						line-height: 25px;
					}
				}
				img{
					margin:-2px 20px 0 30px;
				}
			}
			dd{
				width: 18px;
				height: 35px;
				.fl;
				margin: 10px 20px 0;
				background: url(../images/chain/step_next.png) center no-repeat;
			}
		}
	}
}
/*---------------------------------------------------------供应链融资提交成功页面---------------------------------------------------------*/
.fin-content-box{
	min-height: 594px;
		.fin-content-item-box{
			padding: 200px 0;
			min-height: 594px;
			width: 500px;
			margin:0 auto;
			overflow: hidden;
			height: 100%;
			box-sizing: border-box;
			dt{
				.fl;
				width: 64px;
				height: 100%;
				.mr(20px);
				img{
					width: 100%;
				}
			}
			dd{
				.fl;
				height: 200px;
				p{
					font-size: @fs18 - 2;
					color:@sub_fs_color;
					line-height: 30px;
				}
				.fin-content-item-title{
					font-size: @fs24 - 2;
					color:@fs_color;
					.pt(20px);
					.pb(20px);
				}
				.fin-content-item-button{
					.mt(60px);
					height: 44px;
					font-size: 0;
					a{
						.type;
						width: 160px;
						.br(4px);
						background-color: @active_a_color;
						color:@white_fs_color;
						height:100%;
						line-height: 44px;
						text-align: center;
						font-size: @fs18;
						&:first-child{
							.mr(50px);
						}
					}
				}
			}
		}
}
